//颜色
$-primary-color:#2d8cf0 !default;
$-info-color:#2db7f5 !default;
$-success-color:#19be6b !default;
$-warning-color:#f90 !default;
$-error-color:#ed4014 !default;
$-title-color:#333 !default;
$-content-color:#515a6e !default;
$-sub-color:#666 !default;
$-hint-color:#bbb !default;
$-light-border-color:#dcdcdc !default;
$-dark-border-color:#979797 !default;
$-light-disabled-bg-color:#f3f3f3 !default;
$-dark-disabled-bg-color:#e7e7e7 !default;
$-hover-color:rgba(0,0,0,0.08) !default;
//大小
$-normal-size:14px !default;
$-widget-icon-size:16px !default;
$-input-icon-size:16px !default;
$-widget-height:30px !default;
$-widget-round-padding:3px !default;
$-gap:6px !default;
$-widget-shadow-box:0 0 2px 2px !default;
//层级
$-minimum-index:-9999 !default;
//圆角
$-normal-radius:4px !default;
//过渡
$-fast-transition:.2s ease !default;
$-normal-transition:.3s ease !default;
//阴影
$-light-shadow:0 1px 6px rgb(0,0,0,0.2) !default;
//透明度
$-widget-disabled-opacity:0.7 !default;
//全局变量
$vertical-align:bottom;
$enter-from-name:v-enter-from;
//region Button
@forward "./Button/variables" as Button-* with (
	$primary-color:$-primary-color,
	$primary-color-light:#4d9df2,
	$primary-color-dark:#127dee,
	$info-color:$-info-color,
	$info-color-light:#53c4f7,
	$info-color-dark:#0cacf3,
	$success-color:$-success-color,
	$success-color-light:#1bce74,
	$success-color-dark:#18b566,
	$warning-color:$-warning-color,
	$warning-color-light:#ffab2e,
	$warning-color-dark:#f29100,
	$error-color:$-error-color,
	$error-color-light:#f05d37,
	$error-color-dark:#e33c11,
	$border-color:$-light-border-color,
	$color:$-title-color,
	$height:$-widget-height,
 	$radius:$-normal-radius,
 	$gap:$-gap,
 	$content-size:$-normal-size,
 	$transition:$-fast-transition,
);
//endregion
//region Checkbox
@forward "./Checkbox/variables" as Checkbox-* with (
	$primary-color:$-primary-color,
	$color:$-title-color,
	$box-border-color:$-dark-border-color,
	$box-disabled-color:$-dark-disabled-bg-color,
 	$gap:$-gap,
 	$content-size:$-normal-size,
 	$icon-size:$-widget-icon-size,
 	$transition:$-fast-transition,
);
//endregion
//region Ellipsis
@forward "./Ellipsis/variables" as Ellipsis-* with (
	$index:$-minimum-index,
);
//endregion
//region Floating
@forward "./Floating/variables" as Floating-* with (
	$color:#fff,
	$bg-color:#333,
	$padding:5px 9px,
	$radius:$-normal-radius,
	$content-size:$-normal-size,
	$transition:$-normal-transition,
	$scale-size:0.5,
	$perspective:500px,
	$perspective-translate:8px,
	$perspective-rotate:75deg,
);
//endregion
//region Icon
@forward "./Icon/variables" as Icon-* with (
	$size:16px,
);
//endregion
//region Input
@forward "./Input/variables" as Input-* with (
	$primary-color:$-primary-color,
	$border-color:$-light-border-color,
	$disabled-color:$-light-disabled-bg-color,
	$icon-color:$-content-color,
	$color:$-title-color,
	$hint-color:$-hint-color,
	$height:$-widget-height,
 	$radius:$-normal-radius,
 	$gap:$-gap,
 	$round-padding:$-widget-round-padding,
 	$content-size:$-normal-size,
 	$icon-size:$-input-icon-size,
 	$transition:$-fast-transition,
 	$disabled-opacity:$-widget-disabled-opacity,
 	$shadow-box:$-widget-shadow-box,
);
//endregion
//region Menu
@forward "./Menu/variables" as Menu-* with (
	$active-color:$-primary-color,
	$border-color:$-light-border-color,
	$color:$-title-color,
	$hover-color:$-hover-color,
	$height:48px,
	$padding:0 16px,
 	$content-size:$-normal-size,
 	$transition:$-fast-transition,
 	$disabled-opacity:$-widget-disabled-opacity,
);
//endregion
//region NumberInput
@forward "./NumberInput/variables" as NumberInput-* with (
	$primary-color:$-primary-color,
	$border-color:$-light-border-color,
	$disabled-color:$-light-disabled-bg-color,
	$icon-color:$-content-color,
	$icon-disabled-color:$-dark-disabled-bg-color,
	$color:$-title-color,
	$hint-color:$-hint-color,
	$height:$-widget-height,
 	$radius:$-normal-radius,
 	$gap:$-gap,
 	$round-padding:$-widget-round-padding,
 	$content-size:$-normal-size,
	$step-icon-size:12px,
	$icon-size:$-input-icon-size,
	$control-width:22px,
 	$transition:$-fast-transition,
 	$disabled-opacity:$-widget-disabled-opacity,
 	$shadow-box:$-widget-shadow-box,
);
//endregion
//region Radio
@forward "./Radio/variables" as Radio-* with (
	$primary-color:$-primary-color,
	$color:$-title-color,
	$box-border-color:$-dark-border-color,
	$box-disabled-color:$-dark-disabled-bg-color,
 	$gap:$-gap,
 	$content-size:$-normal-size,
 	$icon-size:$-widget-icon-size,
 	$transition:$-fast-transition,
);
//endregion
//region ResizeObserver
@forward "./ResizeObserver/variables" as ResizeObserver-* with (
	$index:$-minimum-index,
);
//endregion
//region ScrollArea
@forward "./ScrollArea/variables" as ScrollArea-* with (
	$bar-size:10px,
	$thumb-size:10px,
	$transition:$-normal-transition,
);
//endregion
//region Select
@forward "./Select/variables" as Select-* with (
	$primary-color:$-primary-color,
	$border-color:$-light-border-color,
	$disabled-color:$-light-disabled-bg-color,
	$icon-color:$-content-color,
	$color:$-title-color,
	$tag-color:$-title-color,
	$tag-delete-color:$-sub-color,
	$tag-bg-color:$-light-disabled-bg-color,
	$popup-color:$-title-color,
	$popup-bg-color:#fff,
	$hint-color:$-hint-color,
	$hover-color:$-hover-color,
	$height:$-widget-height,
	$item-height:$-widget-height,
	$tag-height:20px,
	$radius:$-normal-radius,
	$popup-radius:$-normal-radius,
	$tag-radius:$-normal-radius,
	$gap:$-gap,
	$item-padding:0 10px,
	$tag-padding:0 6px,
	$round-padding:$-widget-round-padding,
	$content-size:$-normal-size,
	$popup-content-size:$-normal-size,
	$tag-content-size:12px,
	$icon-size:$-input-icon-size,
	$transition:$-fast-transition,
	$disabled-opacity:$-widget-disabled-opacity,
	$popup-shadow:$-light-shadow,
 	$shadow-box:$-widget-shadow-box,
	$index:$-minimum-index,
);
//endregion
//region Spin
@forward "./Spin/variables" as Spin-* with (
	$size:$-widget-height,
	$color:$-primary-color,
);
//endregion
//region Toggle
@forward "./Toggle/variables" as Toggle-* with (
	$primary-color:$-primary-color,
	$bg-color:#ccc,
	$height:18px,
	$transition:$-fast-transition,
);
//endregion
@forward "./mixin";